<%--
  Created by IntelliJ IDEA.
  User: hp
  Date: 2018/6/14
  Time: 14:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试ajax的检测</title>
</head>
<body>
<script>
    //
    function check() {
                alert("------你点击我-------哈哈哈------");
    }
    //使用Ajax的方法
    function fun1() {
       // alert("=======你离开啦啊uuuuuuuuuuu=======");
        var xmlhttp;
        if (window.XMLHttpRequest) {
            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else {
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        //上面的是可以通用的，就是获取浏览器的允许
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200) {
                document.getElementById("show").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","http://localhost:8080/javaweb_shopping/ajaxtextservlet",true);
                                    //这里是输入网站sevlet的
        xmlhttp.send();
    }
</script>

    <button onclick="check()">请点击</button><br>
    用户名：<input type="text" name="uname" id="uname" value="" onblur="fun1()">
<span id="show"></span>
</body>
</html>
